<template>
  <el-form class="list-b-12 p-12 m-8 bg-color-white" :model="dataInfo.form" label-width="auto" ref="ruleFormRef"
    @submit.prevent="">
    <template v-for="item in dataInfo.formArr">
      <ElItemBox :data="dataInfo.form" :item="item" />
    </template>
    <ElFormItemBox label="拖拽排序">
      <DraggableBox :data="dataInfo.form.list">
        <template #item="{ element }">
          {{ element.name }}
        </template>
      </DraggableBox>
    </ElFormItemBox>
    <el-form-item label=" ">
      <div>{{ dataInfo.form }}</div>
    </el-form-item>
  </el-form>
</template>
<script setup lang="ts">
import { useRoute } from 'vue-router';
// 获取当前路由对象
const route = useRoute();
import { useListComponent } from './pageTs'; // 引入逻辑
const { dataInfo } = useListComponent();
import { reactive, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue';
const { proxy } = getCurrentInstance() as any;
const data = reactive({});

onMounted(() => { });

onBeforeUnmount(() => { });
</script>